/******************* select-box ******************/
.select-group {
    width: 100%;
    padding:5px 0;
    padding-left:10px;
    height: 28px;
    border: 1px solid #e4e4e4;
    appearance: normal;
    -moz-appearance: normal;
    -webkit-appearance: normal;
    background: none;
    background-color: #fff;
}

.select-group::-ms-expand {
    display: none;
}

.select-group:active, .select-group:focus ,.select-group:hover{
    border-color: #1f7ed0;
    background:none;
    background-color: #fff;
}

/******************* end of select-box ******************/

/*************form-style*************/
.main-content input.form-control {
    display: inline-block;
    height: 28px;
    padding:0 0;
    padding-left: 10px;
    font-size: 12px;
    line-height:28px;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.main-content input.form-control:hover {
    border-color: #1f7ed0;
}

.main-content input.form-control:focus {
    border-color: #1f7ed0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-content input.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.main-content input.form-control:-ms-input-placeholder {
    color: #999;
}

.main-content input.form-control::-webkit-input-placeholder {
    color: #999;
}

.main-content input.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
/************* end of form-style*************/

/*****************bootstrap switch*******************/
.checkbox-switch-wrapper input[type=checkbox]::-ms-check{
    display: none;
}
.checkbox-switch-wrapper{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    margin-top:6px;
}
.checkbox-switch{
    width: 16px;
    height: 16px;
    position: relative;
    border: 1px solid #e4e4e4;
    background-color: #e2e0e0;
    box-shadow: #e4e4e4 0 0 0 0 inset;
    background-clip: content-box;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    user-select: none;
    outline: none;
    margin-top: 0;
}
.checkbox-switch:checked{
    background: #1f7ed0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}
.checkbox-switch:checked + .checkbox-switch-circle{
    left: 30px;
    transition: left 0.3s;
}
.checkbox-switch-circle{
    display: none;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    transition: left 0.3s;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: none;
    outline-offset: 0;
}

/*****************end of bootstrap switch*******************/

.input-checkbox input[type=checkbox], .table input[type=checkbox] {
    position: relative;
    width: 16px;
    height: 16px;
}

.input-checkbox input[type=checkbox]::before, .table input[type=checkbox]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-image: url("../images/checkbox-normal.png");
}

.input-checkbox input[type=checkbox]:hover::before, .table input[type=checkbox]:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-image: url("../images/checkbox-hover.png");
}

.input-checkbox input[type=checkbox]:disabled::before, .table input[type=checkbox]:disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: white;
    font-size: 12px;
    background-image: url("../images/checkbox-disabled.png");
}

.input-checkbox input[type=checkbox]:checked::before, .table input[type=checkbox]:checked::before {
    /*color:white;*/
    background-image: url("../images/checkbox-checked.png");
    #background-image:url("../images/checkbox-checked.png");
    _background-image:url("../images/checkbox-checked.png");
}

.input-checkbox input[type=checkbox]:checked:disabled::before, .table input[type=checkbox]:checked:disabled::before {
    /*color:white;*/
    background-image: url("../images/checkbox-checked-disabled.png");
}

/*****************end of checkbox********************/

.header {
    z-index: 1000;
    width: 100%;
    /*min-width: 1280px;*/
    height: 50px;
    background-image: url("../images/header-bg.png");
    background-repeat: repeat;
    -webkit-background-size: 100% 50px;
    background-size: contain;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
}
/********* left-nav *******************/
.open .third-menu-icon{
    transition:all 0.3s;
    transform:rotate(0);
    background: url("../images/nav-third-menu-open.png")  no-repeat center;
}
.open .second-menu-icon{
    transition:all 0.3s;
    transform:rotate(0);
    background: url("../images/nav-second-menu-open.png") no-repeat center;
}

.pagination-content .select-group {
    padding-top:3px;
    padding-bottom:2px;
    padding-bottom:2px;
    /*line-height: 16px;*/
    padding-left: 10px;
    width: auto;
    height: auto;
    padding-right: 0;
    appearance: inherit;
    -moz-appearance: inherit;
    -webkit-appearance: inherit;
    background:none;
}
.nav-menu{
    width: 175px;
    /*min-width: 0;*/
}
.nav-content-right-wrapper{
    width: 175px;
}
/********* end of left-nav *******************/
.pagination-content .select-group:hover, .pagination-content .select-group:active, .pagination-content .select-group:focus {
    background: none;
}

.modal-dialog {
    margin-left:auto;
    margin-right:auto;
}
.modal-lg {
    width: 900px;
}
.modal-sm {
    width: 300px;
}
.modal-dialog .col-lg-1, .modal-dialog .col-lg-2, .modal-dialog  .col-lg-3, .modal-dialog .col-lg-4, .modal-dialog .col-lg-5, .modal-dialog .col-lg-6, .modal-dialog .col-lg-7, .modal-dialog .col-lg-8, .modal-dialog .col-lg-9, .modal-dialog .col-lg-10, .modal-dialog .col-lg-11, .modal-dialog .col-lg-12 {
    float: left;
}

.modal-dialog .control-label{
    line-height: 28px;
    text-align: right;
}
.col-lg-12 {
    width: 100%;
}
.col-lg-11 {
    width: 91.66666667%;
}
.col-lg-10 {
    width: 83.33333333%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-8 {
    width: 66.66666667%;
}
.col-lg-7 {
    width: 58.33333333%;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-5 {
    width: 41.66666667%;
}
.col-lg-4 {
    width: 33.33333333%;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-2 {
    width: 16.66666667%;
}
.col-lg-1 {
    width: 8.33333333%;
}
.modal-dialog .checkbox-switch{
    margin-top: 0px;
}

.editor-checkbox-txt {

}